import { Component, OnInit, ViewChild, TemplateRef } from '@angular/core';
import { NzMessageService, NzModalService } from 'ng-zorro-antd';
import { _HttpClient } from '@delon/theme';
import { tap, map, reduce } from 'rxjs/operators';
import { STComponent, STColumn, STData } from '@delon/abc';
import { SkWebService } from '@service/skweb.service';

import { AddEndpointComponent } from '../addendpoint/addendpoint.component';

@Component({
  selector: 'app-allendpoint',
  templateUrl: './allendpoint.component.html',
  styleUrls: ['./allendpoint.component.less'],
})
export class AllEndpointComponent implements OnInit {

  // selectedRows: STData[] = [];
  // loading = false;
  // description = '';

  // allChecked = false;
  // indeterminate = false;
  // queryStr = "";

  // public refAccount = "jianmiwalletAdmin";

  // public list = [];

  // public dAppList = {
  //   toolsAppList: [
  //     {
  //       platform: "all",
  //       appName: "slowmist",
  //       appUrl: "https://eos.slowmist.io/",
  //       appIcon: "assets/imgs/dapp/jm-slowmist.png"
  //     },
  //     {
  //       platform: "all",
  //       appName: "eoseco",
  //       appUrl: "https://explorer.eoseco.com",
  //       appIcon: "assets/imgs/dapp/jm-eoseco.png"
  //     },
  //     {
  //       platform: "all",
  //       appName: "eosflare",
  //       appUrl: "https://eosflare.io",
  //       appIcon: "assets/imgs/dapp/jm-eosflare.png"
  //     },
  //     {
  //       platform: "all",
  //       appName: "eosq",
  //       appUrl: "https://eosq.app/blocks",
  //       appIcon: "assets/imgs/dapp/jm-eosq.png"
  //     },
  //     {
  //       platform: "all",
  //       appName: "eospark",
  //       appUrl: "https://eospark.com/",
  //       appIcon: "assets/imgs/dapp/jm-eospark.png"
  //     }
  //   ],
  //   marketAppList: [
  //     {
  //       platform: "all",
  //       appName: "feixiaohao",
  //       appUrl: "https://m.feixiaohao.com",
  //       appIcon: "assets/imgs/dapp/jm-feixiaohao.png"
  //     },
  //     {
  //       platform: "all",
  //       appName: "CoinMarket Cap",
  //       appUrl: "https://coinmarketcap.com/zh/",
  //       appIcon: "assets/imgs/dapp/jm-coinmarketcap.png"
  //     }
  //   ],
  //   gameAppList: [
  //     {
  //       platform: "android",
  //       appName: "BetDice",
  //       appUrl: `https://betdice.one/?ref=${this.refAccount}`,
  //       appIcon: "assets/imgs/dapp/jm-betdice.png"
  //     },
  //     {
  //       platform: "android",
  //       appName: "EOSPlay",
  //       appUrl: `https://eosplay.com/link/${this.refAccount}`,
  //       appIcon: "assets/imgs/dapp/jm-eosplay.png"
  //     },
  //     {
  //       platform: "android",
  //       appName: "DEOS Games",
  //       appUrl: `https://app.deosgames.com/dice/eos?r=${this.refAccount}`,
  //       appIcon: "assets/imgs/dapp/jm-deosgames.png"
  //     },
  //     {
  //       platform: "android",
  //       appName: "BET24",
  //       appUrl: `https://bet24.one/?ref=${this.refAccount}`,
  //       appIcon: "assets/imgs/dapp/jm-bet24.png"
  //     },
  //     {
  //       platform: "all",
  //       appName: "EOS LuckyMe",
  //       appUrl: `http://www.eosluckyme.com/?ref=${this.refAccount}`,
  //       appIcon: "assets/imgs/dapp/jm-luckyme.png"
  //     },
  //     {
  //       platform: "android",
  //       appName: "eos.win",
  //       appUrl: `https://eos.win/i/${this.refAccount}`,
  //       appIcon: "assets/imgs/dapp/jm-eos.win.png"
  //     },
  //     {
  //       platform: "android",
  //       appName: "EOSPoker",
  //       appUrl: `https://eospoker.win/?ref=${this.refAccount}`,
  //       appIcon: "assets/imgs/dapp/jm-eospoker.png"
  //     },
  //     {
  //       platform: "android",
  //       appName: "Endless Dice",
  //       appUrl: `https://dice.endless.game/?invite=${this.refAccount}`,
  //       appIcon: "assets/imgs/dapp/jm-endless.png"
  //     },
  //     {
  //       platform: "android",
  //       appName: "BigGame",
  //       appUrl: `https://h5.big.game/?code=${this.refAccount}`,
  //       appIcon: "assets/imgs/dapp/jm-big.png"
  //     }
  //   ]
  // }

  constructor(
    // public skWebService: SkWebService,
    // private http: _HttpClient,
    // public msg: NzMessageService,
    // private modalSrv: NzModalService,
  ) { }

  ngOnInit() {

    // this.initData();
  }

  // // 初始化DApp数据
  // public async initData() {
  //   // 从网络获取节点数据
  //   const data: any = await this.skWebService.fetchEndpoint({
  //     "endpoint": "eos",                // 关键字查询节点
  //     "limit": 100,                      // 读取的数据最大量
  //     "offset": 0,                      // 从第几条数据开始读取
  //     "sort": {                     // 排序
  //       "status": "DESC",             // 按节点状态倒序(即为已使用的节点排在最前面)
  //       "successTotal": "DESC",        // 按节点测试成功次数倒序
  //       "failTotal": "DESC",           // 按节点测试失败次数倒序
  //       "testTotal": "DESC"           // 按节点测试总次数倒序
  //     }
  //   });
  //   // 如果获取到数据
  //   if (data) {
  //     this.list = data.rows;
  //     this.list.forEach((item) => {
  //       item.checked = false;
  //     });
  //     console.log(data);
  //   }
  // }

  // // 更新DApp渲染数据 从本地存储中
  // getData() {
  //   this.list = JSON.parse(localStorage.getItem("dAppList")) || [];
  // }

  // // 查询数据 
  // queryData() {
  //   console.log(this.queryStr);
  //   // 如果查询数据为空 则得到所有数据
  //   if (this.queryStr === "" || !this.queryStr) {
  //     this.getData();
  //     return false;
  //   }
  //   this.list = this.list.filter((item) => {
  //     if (item.endpoint.indexOf(this.queryStr) !== -1) {
  //       return item;
  //     }
  //   });
  // }

  // // 新增数据
  // add() {
  //   this.modalSrv.create({
  //     nzTitle: '新增endpoint数据',
  //     nzMaskClosable: false,
  //     nzContent: AddEndpointComponent,
  //     nzOnOk: (data) => {
  //       console.log(data);
  //       // 获取新增的DApp数据 更新数据后 放入本地存储
  //       // let arr = [];
  //       // arr = JSON.parse(localStorage.getItem("dAppList")) || [];
  //       // arr.unshift(data.dappData);
  //       // localStorage.setItem("dAppList", JSON.stringify(arr));
  //       // 更新DApp渲染数据 
  //       // this.list = arr;
  //     },
  //   });
  // }

  // // // 修改数据
  // // updateDApp(item) {
  // //   this.modalSrv.create({
  // //     nzTitle: '修改DApp数据',
  // //     nzMaskClosable: false,
  // //     nzContent: AddDAppComponent,
  // //     nzComponentParams: item,
  // //     nzOnOk: (data) => {
  // //       // 获取修改后的DApp数据  替换以前的DApp数据  更新本地存储
  // //       let arr = [];
  // //       arr = JSON.parse(localStorage.getItem("dAppList")) || [];
  // //       arr.forEach((ele, i) => {
  // //         if (ele.appName === item.appName) {
  // //           arr.splice(i, 1, data.dappData);
  // //         }
  // //       });

  // //       localStorage.setItem("dAppList", JSON.stringify(arr));
  // //       // 更新DApp渲染数据
  // //       this.list = arr;
  // //     },
  // //   });
  // // }

  // checkAll(value: boolean): void {
  //   this.list.forEach(data => data.checked = value);
  //   this.refreshStatus();
  // }

  // refreshStatus(): void {
  //   const allChecked = this.list.every(value => value.checked === true);
  //   const allUnChecked = this.list.every(value => !value.checked);
  //   this.allChecked = allChecked;
  //   this.indeterminate = (!allChecked) && (!allUnChecked);
  // }

}
